<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>消息框的使用</title>
	    <script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
	    <script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
	    <script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>
	    <link rel="stylesheet" href="../js/easyui/themes/default/easyui.css"/>
	    <link rel="stylesheet" href="../js/easyui/themes/icon.css" />
	    <script type="text/javascript">
	    	  $(function(){
	    	  	/*//警告窗口
	    	  	$.messager.alert("标题","内容","warning");*/
	    	  	//确认窗口
	    	  	/*$.messager.confirm("删除提示","确认删除吗？",function(result){
	    	  		if(result){
	    	  			alert("执行删除....");
	    	  		}else{
	    	  			alert("取消删除.....")
	    	  		}
	    	  	});*/
	    	  	//输入窗口
	    	  /*	$.messager.prompt("调查窗口","你叫什么名字",function(val){
	    	  		alert("你好,"+val);
	    	  	});*/
	    	  	//右下角窗口
	    	  	/*$.messager.show({
	    	  		title: "标题",
	    	  		msg: "减价大促销,<a href='#'>请戳这里</a>",
	    	  		timeout:5000//5秒后自动消失
	    	  	});*/
	    	  	//进度条
	    	  	$.messager.progress({
	    	  		interval:1000//每1秒增长10
	    	  	});
	    	  	//定时器，5秒后自动关闭进度条
	    	  	window.setTimeout("$.messager.progress('close');",5000);
	    	  });
	    </script>
	</head>
	<body >
		<a href="#" class="easyui-menubutton" data-options="iconCls:'icon-save',menu:'#mm'">系统菜单</a>
        <div id="mm" style="width:150px;">
        	<div>菜单一</div>
        	<div>菜单二</div>
        	<div>菜单三</div>
        	<div class="menu-sep"></div>
        	<div>菜单四</div>

        </div>
	</body>
</html>
